<template>
    <div>
        <div class="footer">
            <el-link class="weather" :underline="false">
                天气
                <span class="_span">|</span>
            </el-link>
            <el-link class="weather" :underline="false">
                关于我们
                <span class="_span">|</span>
            </el-link>
            <el-link class="weather" :underline="false">
                负责声明
                <span class="_span">|</span>
            </el-link>
            <el-link class="weather" :underline="false">网站地图</el-link>
        </div>
        <div class="di">555555555555555555555555555555555555555</div>
    </div>
</template>

<script>
export default {};
</script>

<style scoped>
.footer {
  width: 500px;
  height: 50px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 20px;
  display: flex;
}

.weather {
  flex: 1;
}

._span {
  margin-left: 0px 20px;
  position: absolute;
  right: 0;
}

.di {
  width: 800px;
  height: 50px;
  position: absolute;
  left: 50%;
  text-align: center;
  line-height: 50px;
  transform: translateX(-50%);
  margin-top: 70px;
  font-size: 16px;
}
</style>


